<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML>

<html>
<head>
<jsp:include page="../defaults/tagHeadContent.jsp" />
<!--<script type="text/javascript" src="js/jquery-1.7.js">
</script>
<script type="text/javascript" src="js/jquery.form.js">
</script> -->

</head>
<body>
	<jsp:include page="../defaults/header.jsp" />
	<div id="wrapper">
		<div id="content">
			<jsp:include page="../defaults/sidebar.jsp" />

			<h2> Lista de tópicos do sistema </h2>
			<div id="listTopics">
			<jsp:include page="listTopics.jsp" />
			</div>
			
			<form id="newTopicForm" action="<c:url value="/topic/new"/>"
				method="POST">
				<fieldset>
					<legend>Criar novo tópico</legend>
					<label for="name">Nome:</label> <input id="name" type="text"
						name="topic.name" value="${topic.name }" /> <br /> <input
						class="addTopic" type="submit" value="Enviar" />
				</fieldset>
			</form>
		</div>

		<div style="clear: both;">&nbsp;</div>
	</div>

	<jsp:include page="../defaults/footer.jsp" />
<!--	<script type="text/javascript">
		//prepare the form when the DOM is ready 
		$(document).ready(function() {
			var options = {
				target : '#listTopics', // target element(s) to be updated with server response 
			//beforeSubmit:  showRequest,  // pre-submit callback 
			//success:       showResponse  // post-submit callback 

			// other available options: 
			//url:       url         // override for form's 'action' attribute 
			//type:      type        // 'get' or 'post', override for form's 'method' attribute 
			//dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
			//clearForm: true        // clear all form fields after successful submit 
			//resetForm: true        // reset the form after successful submit 

			// $.ajax options can be used here too, for example: 
			//timeout:   3000 
			};

			// bind to the form's submit event 
			$('#newTopicForm').submit(function() {
				// inside event callbacks 'this' is the DOM element so we first 
				// wrap it in a jQuery object and then invoke ajaxSubmit 
				$(this).ajaxSubmit(options);

				// !!! Important !!! 
				// always return false to prevent standard browser submit and page navigation 
				return false;
			});
		});
	</script>  -->
</body>
</html>
